
page {
  height: 100vh;
  background-color: #efefef !important;
  padding: 16rpx;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;

  > view {
    &:nth-child(n + 2) {
      margin-top: 16rpx;
    }
  }
}

// 轮播图区域样式
.swiper {
  border-radius: 10rpx;
  overflow: hidden;

  swiper {
    height: 360rpx;
    // background-color: skyblue;

    swiper-item {

      image {
        width: 100%;
        height: 100%;
        border-radius: 10rpx;
      }

      // & 在 Sass 中代表的是父选择器，引用的意思
      // swiper-item:first-child
      // &:first-child {
      //   background-color: lightsalmon;
      // }

      // &:last-child {
      //   background-color: lightseagreen;
      // }
    }
  }
}

.info {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 16rpx;
  border-radius: 10rpx;
  font-size: 24rpx;
}
